<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/tex-mml-chtml.js" async></script>
    <style>
        body {
            background-color: transparent;
            font-family: Arial, sans-serif;
        }
    </style>
    <script type="text/javascript">
        function updateFormula(top, base, height) {
            document.getElementById("detailed").innerHTML = "$$ A= \\frac{(" + top + " + " + base + ")}{2} \\times " + height + "$$";
            MathJax.typeset();
        }
    </script>
</head>
<body>
<div>Formula:</div><br/>
<div>$$ A= \frac{(t + b)}{2} \times h $$</div><br/>
<div>Detailed:</div><br/>
<div id="detailed">$$ A= \frac{(t + b)}{2} \times h $$</div>
</body>
</html>